<!DOCTYPE html>

<!-- This file is downloaded from https://stackoverflow.com/questions/47772015/toggle-between-two-stylesheets -->
<html itemscope itemtype="http://schema.org/QAPage">
<head>
  <title>jquery - Toggle between two stylesheets - Stack Overflow</title>
  <link rel="shortcut icon" href="https://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico?v=4f32ecc8f43d">
  <link rel="apple-touch-icon image_src" href="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon.png?v=c78bd457575a">
  <link rel="search" type="application/opensearchdescription+xml" title="Stack Overflow" href="/opensearch.xml">
  <meta property="og:type" content="website" />
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:domain" content="stackoverflow.com" />
  <meta property="og:image" itemprop="image primaryImageOfPage" content="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png?v=73d79a89bded" />
  <meta name="twitter:title" property="og:title" itemprop="title name" content="Toggle between two stylesheets" />
  <meta name="twitter:description" property="og:description" itemprop="description" content="I am trying to add in a very simple method of switching between 2 stylesheets.
I can get the stylesheet to fire on click but not able to toggle it back to its original:
&amp;lt;button id=&quot;css_toggle&quot;..." />
  <meta property="og:url" content="https://stackoverflow.com/questions/47772015/toggle-between-two-stylesheets" />
  <link rel="canonical" href="https://stackoverflow.com/questions/47772015/toggle-between-two-stylesheets" />
  <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Sites/stackoverflow/all.css?v=65160cdd25be">
  <link rel="alternate" type="application/atom+xml" title="Feed for question &#39;Toggle between two stylesheets&#39;" href="/feeds/question/47772015">
  <meta name="twitter:app:country" content="US" />
  <meta name="twitter:app:name:iphone" content="Stack Exchange iOS" />
  <meta name="twitter:app:id:iphone" content="871299723" />
  <meta name="twitter:app:url:iphone" content="se-zaphod://stackoverflow.com/questions/47772015/toggle-between-two-stylesheets" />
  <meta name="twitter:app:name:ipad" content="Stack Exchange iOS" />
  <meta name="twitter:app:id:ipad" content="871299723" />
  <meta name="twitter:app:url:ipad" content="se-zaphod://stackoverflow.com/questions/47772015/toggle-between-two-stylesheets" />
  <meta name="twitter:app:name:googleplay" content="Stack Exchange Android">
  <meta name="twitter:app:url:googleplay" content="http://stackoverflow.com/questions/47772015/toggle-between-two-stylesheets">
  <meta name="twitter:app:id:googleplay" content="com.stackexchange.marvin">
</head>
<body class="question-page new-topbar">
<div id="notify-container"></div>
<div id="custom-header"></div>
<header class="top-bar js-top-bar _fixed">
  <div class="-container">
    <div class="-main">
      <a href="https://stackoverflow.com" class="-logo js-gps-track" data-gps-track="top_nav.click({is_current:false, location:2, destination:8})">
        <span class="-img">Stack Overflow</span>
      </a>
      <nav class="navigation" role="navigation" aria-label="site navigation">
        <ol class="-list">
          <li class="-item _current">
            <a id="nav-questions" href="/questions" class="-link js-gps-track" data-gps-track="top_nav.click({is_current:true, location:2, destination:1})">Questions</a>
          </li>
          <li class="-item">
            <a id="nav-jobs" href="/jobs?med=site-ui&amp;ref=jobs-tab" class="-link js-gps-track" data-gps-track="top_nav.click({is_current:false, location:2, destination:6})">Developer Jobs</a>
          </li>
          <li class="-item">
            <a id="nav-tags" href="/tags" class="-link js-gps-track" data-gps-track="top_nav.click({is_current:false, location:2, destination:2})">Tags</a>
          </li>
          <li class="-item">
            <a id="nav-users" href="/users" class="-link js-gps-track" data-gps-track="top_nav.click({is_current:false, location:2, destination:3})">Users</a>
          </li>
        </ol>
      </nav>
    </div>
    <form id="search" action="/search" method="get" class="searchbar" autocomplete="off" role="search">
      <input name="q" type="text" placeholder="Search…" value="" tabindex="1" autocomplete="off" maxlength="240" class="f-input js-search-field" />
      <button type="submit" aria-label="Search..." class="btn-topbar-primary js-search-submit">
        <svg aria-hidden="true" class="svg-icon iconSearch" width="18" height="18" viewBox="0 0 18 18">
        </svg>
      </button>
    </form>
    <div class="-actions">
      <nav class="secondary-nav">
        <div class="-dialog-container js-topbar-dialog-corral">
          <div class="topbar-dialog siteSwitcher-dialog dno">
            <div class="header">
              <h3>
                <a href="https://stackoverflow.com">current community</a>
              </h3>
            </div>
            <div class="modal-content current-site-container">
              <ul class="current-site">
                <li>
                  <div class="related-links">
                    <a href="https://stackoverflow.com/help" class="js-gps-track" data-gps-track="site_switcher.click({ item_type:14 })">help</a>
                    <a href="https://chat.stackoverflow.com" class="js-gps-track" data-gps-track="site_switcher.click({ item_type:6 })">chat</a>
                  </div>
                  <a href="https://stackoverflow.com" class="current-site-link site-link js-gps-track" data-id="1" data-gps-track="site_switcher.click({ item_type:3 })">
                    <div class="favicon favicon-stackoverflow site-icon" title="Stack Overflow"></div>
                    Stack Overflow
                  </a>
                </li>
                <li class="related-site">
                  <div class="L-shaped-icon-container">
                    <span class="L-shaped-icon"></span>
                  </div>
                  <a href="https://meta.stackoverflow.com" class="site-link js-gps-track" data-id="552" data-gps-track="site.switch({ target_site:552, item_type:3 }),site_switcher.click({ item_type:4 })">
                    <div class="favicon favicon-stackoverflowmeta site-icon" title="Meta Stack Overflow"></div>
                    Meta Stack Overflow
                  </a>
                </li>
              </ul>
            </div>
            <div class="header" id="your-communities-header">
              <h3>
                your communities </h3>
            </div>
            <div class="modal-content" id="your-communities-section">
              <div class="call-to-login">
                <a href="https://stackoverflow.com/users/signup?ssrc=site_switcher&amp;returnurl=%2fusers%2fstory%2fcurrent&amp;amp;utm_source=stackoverflow.com&amp;amp;utm_medium=dev-story&amp;amp;utm_campaign=signup-redirect" class="login-link js-gps-track" data-gps-track="site_switcher.click({ item_type:10 })">Sign up</a> or
                <a href="https://stackoverflow.com/users/login?ssrc=site_switcher&amp;returnurl=https%3a%2f%2fstackoverflow.com%2fquestions%2f47772015%2ftoggle-between-two-stylesheets" class="login-link js-gps-track" data-gps-track="site_switcher.click({ item_type:11 })">log in</a> to customize your list.
              </div>
            </div>
            <div class="header">
              <h3>
                <a href="https://stackexchange.com/sites">more stack exchange communities</a>
              </h3>
              <a href="https://stackoverflow.blog" class="fr">company blog</a>
            </div>
            <div class="modal-content">
              <div class="child-content"></div>
            </div>
          </div>
          <div class="topbar-dialog help-dialog js-help-dialog dno">
            <div class="modal-content">
              <ul>
                <li>
                  <a href="/tour" class="js-gps-track" data-gps-track="help_popup.click({ item_type:1 })">
                    Tour
                    <span class="item-summary">
                                Start here for a quick overview of the site
                            </span>
                  </a>
                </li>
                <li>
                  <a href="/help" class="js-gps-track" data-gps-track="help_popup.click({ item_type:4 })">
                    Help Center
                    <span class="item-summary">
                            Detailed answers to any questions you might have
                        </span>
                  </a>
                </li>
                <li>
                  <a href="https://meta.stackoverflow.com" class="js-gps-track" data-gps-track="help_popup.click({ item_type:2 })">
                    Meta
                    <span class="item-summary">
                                    Discuss the workings and policies of this site
                                </span>
                  </a>
                </li>
                <li>
                  <a href="https://stackoverflow.com/company/about" class="js-gps-track" data-gps-track="help_popup.click({ item_type:6 })">
                    About Us
                    <span class="item-summary">
                                    Learn more about Stack Overflow the company
                                </span>
                  </a>
                </li>
                <li>
                  <a href="https://www.stackoverflowbusiness.com/?ref=topbar_help" class="js-gps-track" data-gps-track="help_popup.click({ item_type:7 })">
                    Business
                    <span class="item-summary">
                                    Learn more about hiring developers or posting ads with us
                                </span>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <ol class="-list">
          <li class="-item">
            <a href="#" class="-link js-inbox-button" title="Recent inbox messages">
              <svg aria-hidden="true" class="svg-icon iconInbox" width="20" height="18" viewBox="0 0 20 18">
              </svg>
              <span class="indicator-badge js-unread-count _important" style="display: none;"></span>
            </a>
          </li>
          <li class="-item">
            <a href="#" class="-link js-achievements-button" title="Recent achievements: reputation, badges, and privileges earned" data-unread-class="_highlighted-positive">
              <svg aria-hidden="true" class="svg-icon iconAchievements" width="18" height="18" viewBox="0 0 18 18">
              </svg>
              <span class="indicator-badge js-unread-count _positive" style="display: none;"></span>
            </a>
          </li>
          <li class="-item">
            <a href="#" class="-link js-help-button" title="Help Center and other resources">
              <svg aria-hidden="true" class="svg-icon iconHelp" width="18" height="18" viewBox="0 0 18 18">
              </svg>
            </a>
          </li>
          <li class="-item">
            <a href="https://stackexchange.com" class="-link js-site-switcher-button js-gps-track" data-gps-track="site_switcher.show" title="A list of all 170 Stack Exchange sites">
              <svg aria-hidden="true" class="svg-icon iconStackExchange" width="18" height="18" viewBox="0 0 18 18">
              </svg>
            </a>
          </li>
        </ol>
      </nav>
      <div class="-ctas">
        <a href="https://stackoverflow.com/users/login?ssrc=head&returnurl=https%3a%2f%2fstackoverflow.com%2fquestions%2f47772015%2ftoggle-between-two-stylesheets" class="login-link btn-clear" rel="nofollow">Log In</a>
        <a href="https://stackoverflow.com/users/signup?ssrc=head&returnurl=%2fusers%2fstory%2fcurrent&amp;utm_source=stackoverflow.com&amp;utm_medium=dev-story&amp;utm_campaign=signup-redirect" class="login-link btn-topbar-primary" rel="nofollow">Sign Up</a>
      </div>
    </div>
  </div>
</header>
<div class="container _full ">
  <div id="content" class="snippet-hidden">
    <div itemscope itemtype="http://schema.org/Question">
      <link itemprop="image" href="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon.png?v=c78bd457575a">
      <div class="inner-content">
        <div id="question-header">
          <h1 itemprop="name">
            <a href="/questions/47772015/toggle-between-two-stylesheets" class="question-hyperlink">Toggle between two stylesheets
            </a>
          </h1>
          <div class="aside-cta" role="navigation" aria-label="ask new question">
            <a href="/questions/ask" class="btn-outlined">Ask Question</a>
          </div>
        </div>
        <div id="mainbar" role="main" aria-label="question and answers">
          <div class="question" data-questionid="47772015" id="question">
            <div id="dfp-tlb" class="everyonelovesstackoverflow"></div>
            <table>
              <tr>
                <td class="votecell">
                  <div class="vote">
                    <input type="hidden" name="_id_" value="47772015">
                    <a class="vote-up-off" title="This question shows research effort; it is useful and clear">up vote
                    </a>
                    <span itemprop="upvoteCount" class="vote-count-post ">8</span>
                    <a class="vote-down-off" title="This question does not show any research effort; it is unclear or not useful">down vote
                    </a>
                    <a class="star-off" href="#">favorite</a>
                    <div class="favoritecount">
                      <b></b>
                    </div>
                  </div>
                </td>
                <td class="postcell">
                  <div>
                    <div class="post-text" itemprop="text">
                      <p>I am trying to add in a very simple method of switching between 2 stylesheets.</p>
                      <p>I can get the stylesheet to fire on click but not able to toggle it back to its original:</p>
                      <pre><code>&lt;button id="css_toggle" title="I'm a tooltip!"&gt;Text&lt;/button&gt;
&lt;div class="sq"&gt;&lt;/div&gt;
</code></pre>
                      <pre class="lang-js prettyprint-override"><code>$('#css_toggle').click(function () {
  $('link[href="http://localhost:8888/rip-access/wp-content/themes/RIP/assets/css/style.css"]').attr('href', 'http://localhost:8888/rip-access/wp-content/themes/RIP/assets/css/style1.css').toggle();
});
</code></pre>
                      <p>this is a VERY simple example so I can understand how to do it before I continue on. Any ideas how I can get it toggle back to the first stylesheet?</p>
                    </div>
                    <div class="post-taglist">
                      <a href="/questions/tagged/jquery" class="post-tag" title="show questions tagged &#39;jquery&#39;" rel="tag">jquery</a>
                      <a href="/questions/tagged/css" class="post-tag" title="show questions tagged &#39;css&#39;" rel="tag">css</a>
                    </div>
                    <table class="fw">
                      <tr>
                        <td class="vt">
                          <div class="post-menu">
                            <a href="/q/47772015" title="short permalink to this question" class="short-link" id="link-post-47772015">share</a><span class="lsep">|</span>
                            <a href="/posts/47772015/edit" class="suggest-edit-post" title="">improve this question</a>
                          </div>
                        </td>
                        <td align="right" class="post-signature">
                          <div class="user-info user-hover">
                            <div class="user-action-time">
                              <a href="/posts/47772015/revisions" title="show all edits to this post">edited
                                <span title="2017-12-12 12:11:10Z" class="relativetime">yesterday</span></a>
                            </div>
                            <div class="user-gravatar32">
                              <a href="/users/519413/rory-mccrossan">
                                <div class="gravatar-wrapper-32">
                                  <img src="https://www.gravatar.com/avatar/7839089cd91dc5cc5eb1e0cdbf3312ed?s=32&amp;d=identicon&amp;r=PG" alt="" width="32" height="32">
                                </div>
                              </a>
                            </div>
                            <div class="user-details">
                              <a href="/users/519413/rory-mccrossan">Rory McCrossan</a>
                              <div class="-flair">
                                <span class="reputation-score" title="reputation score 209,155" dir="ltr">209k</span><span title="26 gold badges"><span class="badge1"></span><span class="badgecount">26</span></span><span title="176 silver badges"><span class="badge2"></span>
                                    <span class="badgecount">176</span>
                                    </span><span title="219 bronze badges"><span class="badge3"></span><span class="badgecount">219</span></span>
                              </div>
                            </div>
                          </div>
                        </td>
                        <td class="post-signature owner">
                          <div class="user-info ">
                            <div class="user-action-time">
                              asked <span title="2017-12-12 11:55:29Z" class="relativetime">yesterday</span>
                            </div>
                            <div class="user-gravatar32">
                              <a href="/users/7284100/danjbh">
                                <div class="gravatar-wrapper-32">
                                  <img src="https://www.gravatar.com/avatar/38b7ddc8c54e1ae7ccdf2a96059e76bd?s=32&amp;d=identicon&amp;r=PG&amp;f=1" alt="" width="32" height="32">
                                </div>
                              </a>
                            </div>
                            <div class="user-details">
                              <a href="/users/7284100/danjbh">danjbh</a>
                              <div class="-flair">
                                <span class="reputation-score" title="reputation score " dir="ltr">323</span><span title="1 silver badge"><span class="badge2"></span><span class="badgecount">1</span></span><span title="11 bronze badges"><span class="badge3"></span>
                                    <span class="badgecount">11</span>
                                    </span>
                              </div>
                            </div>
                          </div>
                        </td>
                      </tr>
                    </table>
                  </div>
                </td>
              </tr>
              <tr>
                <td class="votecell"></td>
                <td>
                  <div id="comments-47772015" class="comments js-comments-container ">
                    <table>
                      <tbody class="js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true">
                      <tr id="comment-82504950" class="comment js-comment ">
                        <td class="js-comment-actions comment-actions">
                          <table>
                            <tbody>
                            <tr>
                              <td class=" comment-score">
                                <span title="number of &#39;useful comment&#39; votes received" class="cool">1</span>
                              </td>
                              <td>
                                &nbsp;
                              </td>
                            </tr>
                            </tbody>
                          </table>
                        </td>
                        <td class="comment-text js-comment-text-and-form">
                          <div style="display: block;" class="comment-body">
                            <span class="comment-copy">You cant get it back to the original because your jQuery selector cant find any elements ( <code>$(&#39;link[href=&quot;http:&#47;&#47;localhost:8888&#47;rip-access&#47;wp-content&#47;th&zwnj;&#8203;emes&#47;RIP&#47;assets&#47;css&#47;&zwnj;&#8203;style.css&quot;]&#39;)</code>. Try using ID and just change the <code>href</code> on click.</span>                                  &ndash;&nbsp;
                            <a href="/users/3311754/vtodorov" title="425 reputation" class="comment-user">VTodorov</a>
                            <span class="comment-date" dir="ltr"><span title="2017-12-12 12:00:02Z"
                                                                       class="relativetime-clean">yesterday</span></span>
                          </div>
                        </td>
                      </tr>
                      <tr id="comment-82505034" class="comment js-comment ">
                        <td class="js-comment-actions">
                          <table>
                            <tbody>
                            <tr>
                              <td class=" comment-score">
                                &nbsp;&nbsp;
                              </td>
                              <td>
                                &nbsp;
                              </td>
                            </tr>
                            </tbody>
                          </table>
                        </td>
                        <td class="comment-text js-comment-text-and-form">
                          <div style="display: block;" class="comment-body">
                            <span class="comment-copy">@VTodorov could you show a simple example?</span> &ndash;&nbsp;
                            <a href="/users/7284100/danjbh" title="323 reputation" class="comment-user owner">danjbh</a>
                            <span class="comment-date" dir="ltr"><span title="2017-12-12 12:02:04Z"
                                                                       class="relativetime-clean">yesterday</span></span>
                          </div>
                        </td>
                      </tr>
                      <tr id="comment-82505142" class="comment js-comment ">
                        <td class="js-comment-actions comment-actions">
                          <table>
                            <tbody>
                            <tr>
                              <td class=" comment-score">
                                <span title="number of &#39;useful comment&#39; votes received" class="warm">5</span>
                              </td>
                              <td>
                                &nbsp;
                              </td>
                            </tr>
                            </tbody>
                          </table>
                        </td>
                        <td class="comment-text js-comment-text-and-form">
                          <div style="display: block;" class="comment-body">
                            <span class="comment-copy">A better, and more reliable, solution would be to use a single stylesheet and toggle the classes by making them depend on a class on the <code>body</code>. You can then just toggle that class when needed.</span>                                  &ndash;&nbsp;
                            <a href="/users/519413/rory-mccrossan" title="209,155 reputation" class="comment-user">Rory McCrossan
                            </a>
                            <span class="comment-date" dir="ltr"><span title="2017-12-12 12:04:42Z"
                                                                       class="relativetime-clean">yesterday</span></span>
                          </div>
                        </td>
                      </tr>
                      </tbody>
                    </table>
                  </div>
                  <div id="comments-link-47772015" data-rep=50 data-anon=true>
                    <a class="js-add-link comments-link disabled-link " title="Use comments to ask for more information or suggest improvements. Avoid answering questions in comments.">add a comment</a><span class="js-link-separator dno">&nbsp;|&nbsp;</span>
                    <a class="js-show-link comments-link dno" title="expand to show all comments on this post" href=# onclick=""></a>
                  </div>
                </td>
              </tr>
            </table>
          </div>
          <div id="answers">
            <a name="tab-top"></a>
            <div id="answers-header">
              <div class="subheader answers-subheader">
                <h2 data-answercount="6">
                  6 Answers
                  <span style="display:none;" itemprop="answerCount">6</span>
                </h2>
                <div>
                  <div id="tabs">
                    <a href="/questions/47772015/toggle-between-two-stylesheets?answertab=active#tab-top" data-nav-xhref="" title="Answers with the latest activity first" data-value="active" data-shortcut="A">
                      active</a>
                    <a href="/questions/47772015/toggle-between-two-stylesheets?answertab=oldest#tab-top" data-nav-xhref="" title="Answers in the order they were provided" data-value="oldest" data-shortcut="O">
                      oldest</a>
                    <a class="youarehere " href="/questions/47772015/toggle-between-two-stylesheets?answertab=votes#tab-top" data-nav-xhref="" title="Answers with the highest score first" data-value="votes" data-shortcut="V">
                      votes</a>
                  </div>
                </div>
              </div>
            </div>
            <a name="47773428"></a>
            <div id="answer-47773428" class="answer accepted-answer" data-answerid="47773428" itemscope itemtype="http://schema.org/Answer" itemprop="acceptedAnswer">
              <table>
                <tr>
                  <td class="votecell">
                    <div class="vote">
                      <input type="hidden" name="_id_" value="47773428">
                      <a class="vote-up-off" title="This answer is useful">up vote</a>
                      <span itemprop="upvoteCount" class="vote-count-post ">4</span>
                      <a class="vote-down-off" title="This answer is not useful">down vote</a>
                      <span class="vote-accepted-on load-accepted-answer-date" title="loading when this answer was accepted...">accepted</span>
                    </div>
                  </td>
                  <td class="answercell">
                    <div class="post-text" itemprop="text">
                      <p>This is an alternative solution to consider if, for some reason, Rory's solution cannot be applied. It's ideal to simply toggle a <code>body</code> class and use this class as a <em>base
                        selector</em> - I've recently applied this method for an application switching between a dark and light theme, then storing it to
                        <code>localStorage</code> so that the changes are "remembered" e.g:</p>
                      <pre><code>&lt;style&gt;
    .nocturnal-theme p {
       background: black;
       color: white;
    }
    .diurnal-theme p {
       background: white;
       color: black;
    }
&lt;/style&gt;
&lt;script&gt;
/* Toggle Theme */
jQuery('.toggle-theme').on('click', function(){
    if(jQuery(this).hasClass('toggle-diurnal')) {
        jQuery('body').removeClass('diurnal-theme').addClass('nocturnal-theme');
        localStorage.setItem('theme','nocturnal-theme');
    } else if(jQuery(this).hasClass('toggle-nocturnal')) {
        jQuery('body').removeClass('nocturnal-theme').addClass('diurnal-theme');
        localStorage.setItem('theme','diurnal-theme');
    }
    var themeSet = localStorage.getItem('theme');
});
&lt;/script&gt;
</code></pre>
                      <p><strong>Summary</strong></p>
                      <ol>
                        <li>The below solution stores the <em>relative</em> filepaths (typical of standard Wordpress installations) to variables (you may not always have unique identifiers (<code>id</code> attribute values) available to use, and since
                          editing core files, to include one, is not considered good practice (for reasons that won't be touched on here) it may be better to store these filepaths in variables);
                        </li>
                        <li>On <code>.click()</code> of <code>'#css_toggle'</code>, the <code>.each()</code> method is used to loop through all instances of stylesheets (of which there would most likely be a few), it also allows us to redefine the scope
                          of
                          <code>$(this)</code> which will prove helpful moving forward;
                        </li>
                        <li>Through each iteration of the loop, the <code>link</code> currently in scope has its <code>href</code> attribute stored in a variable;
                        </li>
                        <li>The stored value of this attribute is then compared with the
                          <em>relative filepaths</em> we stored in variables previously
                        </li>
                        <li>If they are found to contain these stored values, the <code>href</code> attribute of the
                          <code>link</code> element in question is updated accordingly
                        </li>
                      </ol>
                      <p><strong>Code Snippet Demonstration:</strong></p>
                      <p>
                      <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
                        <div class="snippet-code">
                                <pre class="snippet-code-js lang-js prettyprint-override"><code>var defaultSS = '/wp-content/themes/RIP/assets/css/style.css',
    altSS = '/wp-content/themes/RIP/assets/css/style1.css',
    hrefAttr;
$('#css_toggle').click(function () {
  $('link').each(function(){
    hrefAttr = $(this).attr('href');
    if (hrefAttr.indexOf(defaultSS) &gt;= 0) {
      $(this).attr('href', altSS);
      console.log('Was:',hrefAttr);
      console.log('Now:',$(this).attr('href'));
    } else if (hrefAttr.indexOf(altSS) &gt;= 0) {
      $(this).attr('href', defaultSS);
      console.log('Was:',hrefAttr);
      console.log('Now:',$(this).attr('href'));
    }
  });
});</code></pre>
                          <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;link rel="stylesheet" href="http://localhost:8888/rip-access/wp-content/themes/RIP/assets/css/style.css" type="text/css" media="all"&gt;
&lt;button id="css_toggle" title="I'm a tooltip!"&gt;Text&lt;/button&gt;</code></pre>
                        </div>
                      </div>
                      </p>
                    </div>
                    <table class="fw">
                      <tr>
                        <td class="vt">
                          <div class="post-menu">
                            <a href="/a/47773428" title="short permalink to this answer" class="short-link" id="link-post-47773428">share</a><span class="lsep">|</span>
                            <a href="/posts/47773428/edit" class="suggest-edit-post" title="">improve this answer</a>
                          </div>
                        </td>
                        <td align="right" class="post-signature">
                          <div class="user-info user-hover">
                            <div class="user-action-time">
                              answered <span title="2017-12-12 13:06:23Z" class="relativetime">yesterday</span>
                            </div>
                            <div class="user-gravatar32">
                              <a href="/users/5283476/uncaughttypeerror">
                                <div class="gravatar-wrapper-32">
                                  <img src="https://i.stack.imgur.com/hafRX.jpg?s=32&amp;g=1" alt="" width="32" height="32">
                                </div>
                              </a>
                            </div>
                            <div class="user-details">
                              <a href="/users/5283476/uncaughttypeerror">UncaughtTypeError</a>
                              <div class="-flair">
                                <span class="reputation-score" title="reputation score " dir="ltr">3,896</span><span title="2 gold badges"><span class="badge1"></span><span class="badgecount">2</span></span><span title="4 silver badges"><span class="badge2"></span>
                                    <span class="badgecount">4</span>
                                    </span><span title="20 bronze badges"><span class="badge3"></span><span class="badgecount">20</span></span>
                              </div>
                            </div>
                          </div>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td class="votecell"></td>
                  <td>
                    <div id="comments-47773428" class="comments js-comments-container ">
                      <table>
                        <tbody class="js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true">
                        <tr id="comment-82510164" class="comment js-comment ">
                          <td class="js-comment-actions">
                            <table>
                              <tbody>
                              <tr>
                                <td class=" comment-score">
                                  &nbsp;&nbsp;
                                </td>
                                <td>
                                  &nbsp;
                                </td>
                              </tr>
                              </tbody>
                            </table>
                          </td>
                          <td class="comment-text js-comment-text-and-form">
                            <div style="display: block;" class="comment-body">
                              <span class="comment-copy">Thank you for the in-depth answer I appreciate the time you have taken to explain your approach</span> &ndash;&nbsp;
                              <a href="/users/7284100/danjbh" title="323 reputation" class="comment-user owner">danjbh</a>
                              <span class="comment-date" dir="ltr"><span title="2017-12-12 14:10:34Z"
                                                                         class="relativetime-clean">yesterday</span></span>
                            </div>
                          </td>
                        </tr>
                        <tr id="comment-82510263" class="comment js-comment ">
                          <td class="js-comment-actions">
                            <table>
                              <tbody>
                              <tr>
                                <td class=" comment-score">
                                  &nbsp;&nbsp;
                                </td>
                                <td>
                                  &nbsp;
                                </td>
                              </tr>
                              </tbody>
                            </table>
                          </td>
                          <td class="comment-text js-comment-text-and-form">
                            <div style="display: block;" class="comment-body">
                              <span class="comment-copy">@danjbh Thank you for the feedback - always good to know.</span> &ndash;&nbsp;
                              <a href="/users/5283476/uncaughttypeerror" title="3,896 reputation" class="comment-user">UncaughtTypeError</a>
                              <span class="comment-date" dir="ltr"><span title="2017-12-12 14:13:05Z"
                                                                         class="relativetime-clean">yesterday</span></span>
                            </div>
                          </td>
                        </tr>
                        </tbody>
                      </table>
                    </div>
                    <div id="comments-link-47773428" data-rep=50 data-anon=true>
                      <a class="js-add-link comments-link disabled-link " title="Use comments to ask for more information or suggest improvements. Avoid comments like “+1” or “thanks”.">add a comment</a><span class="js-link-separator dno">&nbsp;|&nbsp;</span>
                      <a class="js-show-link comments-link dno" title="expand to show all comments on this post" href=# onclick=""></a>
                    </div>
                  </td>
                </tr>
              </table>
            </div>
            <div id="dfp-mlb" class="everyonelovesstackoverflow"></div>
            <a name="47772260"></a>
            <div id="answer-47772260" class="answer" data-answerid="47772260" itemscope itemtype="http://schema.org/Answer">
              <table>
                <tr>
                  <td class="votecell">
                    <div class="vote">
                      <input type="hidden" name="_id_" value="47772260">
                      <a class="vote-up-off" title="This answer is useful">up vote</a>
                      <span itemprop="upvoteCount" class="vote-count-post ">10</span>
                      <a class="vote-down-off" title="This answer is not useful">down vote</a>
                    </div>
                  </td>
                  <td class="answercell">
                    <div class="post-text" itemprop="text">
                      <p>A better, and more reliable, solution would be to use a single stylesheet and alternate the styling by making the rules depend on a class on the <code>body</code>. You can then just toggle that class when needed, something like
                        this:
                      </p>
                      <p>
                      <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
                        <div class="snippet-code">
                                <pre class="snippet-code-js lang-js prettyprint-override"><code>$('#css_toggle').click(function() {
  $('body').toggleClass('default highlight');
});</code></pre>
                          <pre class="snippet-code-css lang-css prettyprint-override"><code>body.default .sq {
  border: 1px solid #C00;
}
body.highlight .sq {
  background-color: #CC0;
  border: 2px dotted #C00;
}
.sq {
  margin: 10px 0 0;
}</code></pre>
                          <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;body class="default"&gt;
  &lt;button id="css_toggle" title="I'm a tooltip!"&gt;Text&lt;/button&gt;
  &lt;div class="sq"&gt;
    Foo
  &lt;/div&gt;
&lt;/body&gt;</code></pre>
                        </div>
                      </div>
                      </p>
                    </div>
                    <table class="fw">
                      <tr>
                        <td class="vt">
                          <div class="post-menu">
                            <a href="/a/47772260" title="short permalink to this answer" class="short-link" id="link-post-47772260">share</a><span class="lsep">|</span>
                            <a href="/posts/47772260/edit" class="suggest-edit-post" title="">improve this answer</a>
                          </div>
                        </td>
                        <td align="right" class="post-signature">
                          <div class="user-info ">
                            <div class="user-action-time">
                              <a href="/posts/47772260/revisions" title="show all edits to this post">edited
                                <span title="2017-12-12 12:08:28Z" class="relativetime">yesterday</span></a>
                            </div>
                            <div class="user-gravatar32">
                            </div>
                            <div class="user-details">
                              <div class="-flair">
                              </div>
                            </div>
                          </div>
                        </td>
                        <td align="right" class="post-signature">
                          <div class="user-info user-hover">
                            <div class="user-action-time">
                              answered <span title="2017-12-12 12:07:18Z" class="relativetime">yesterday</span>
                            </div>
                            <div class="user-gravatar32">
                              <a href="/users/519413/rory-mccrossan">
                                <div class="gravatar-wrapper-32">
                                  <img src="https://www.gravatar.com/avatar/7839089cd91dc5cc5eb1e0cdbf3312ed?s=32&amp;d=identicon&amp;r=PG" alt="" width="32" height="32">
                                </div>
                              </a>
                            </div>
                            <div class="user-details">
                              <a href="/users/519413/rory-mccrossan">Rory McCrossan</a>
                              <div class="-flair">
                                <span class="reputation-score" title="reputation score 209,155" dir="ltr">209k</span><span title="26 gold badges"><span class="badge1"></span><span class="badgecount">26</span></span><span title="176 silver badges"><span class="badge2"></span>
                                    <span class="badgecount">176</span>
                                    </span><span title="219 bronze badges"><span class="badge3"></span><span class="badgecount">219</span></span>
                              </div>
                            </div>
                          </div>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td class="votecell"></td>
                  <td>
                    <div id="comments-47772260" class="comments js-comments-container ">
                      <table>
                        <tbody class="js-comments-list" data-remaining-comments-count="1" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true">
                        <tr id="comment-82505266" class="comment js-comment ">
                          <td class="js-comment-actions">
                            <table>
                              <tbody>
                              <tr>
                                <td class=" comment-score">
                                  &nbsp;&nbsp;
                                </td>
                                <td>
                                  &nbsp;
                                </td>
                              </tr>
                              </tbody>
                            </table>
                          </td>
                          <td class="comment-text js-comment-text-and-form">
                            <div style="display: block;" class="comment-body">
                              <span class="comment-copy">Hmmm ok that has given me something to think about</span> &ndash;&nbsp;
                              <a href="/users/7284100/danjbh" title="323 reputation" class="comment-user owner">danjbh</a>
                              <span class="comment-date" dir="ltr"><span title="2017-12-12 12:07:42Z"
                                                                         class="relativetime-clean">yesterday</span></span>
                            </div>
                          </td>
                        </tr>
                        <tr id="comment-82505355" class="comment js-comment ">
                          <td class="js-comment-actions comment-actions">
                            <table>
                              <tbody>
                              <tr>
                                <td class=" comment-score">
                                  <span title="number of &#39;useful comment&#39; votes received" class="cool">1</span>
                                </td>
                                <td>
                                  &nbsp;
                                </td>
                              </tr>
                              </tbody>
                            </table>
                          </td>
                          <td class="comment-text js-comment-text-and-form">
                            <div style="display: block;" class="comment-body">
                              <span class="comment-copy">This solution is great, especially if you work with Sass/LESS as you can include your stylesheets with another parent selector</span> &ndash;&nbsp;
                              <a href="/users/881032/lumio" title="3,280 reputation" class="comment-user">lumio</a>
                              <span class="comment-date" dir="ltr"><span title="2017-12-12 12:10:08Z"
                                                                         class="relativetime-clean">yesterday</span></span>
                              <span class="edited-yes" title="this comment was edited 1 time"></span>
                            </div>
                          </td>
                        </tr>
                        <tr id="comment-82505733" class="comment js-comment ">
                          <td class="js-comment-actions comment-actions">
                            <table>
                              <tbody>
                              <tr>
                                <td class=" comment-score">
                                  <span title="number of &#39;useful comment&#39; votes received" class="cool">1</span>
                                </td>
                                <td>
                                  &nbsp;
                                </td>
                              </tr>
                              </tbody>
                            </table>
                          </td>
                          <td class="comment-text js-comment-text-and-form">
                            <div style="display: block;" class="comment-body">
                              <span class="comment-copy">But somehow this method can make kinda some problem, like big <code>css</code> size for some case. could not tell it&#39;s great, but good solution.</span> &ndash;&nbsp;
                              <a href="/users/4540183/mr-x" title="4,218 reputation" class="comment-user">Mr. x</a>
                              <span class="comment-date" dir="ltr"><span title="2017-12-12 12:19:49Z"
                                                                         class="relativetime-clean">yesterday</span></span>
                            </div>
                          </td>
                        </tr>
                        <tr id="comment-82505782" class="comment js-comment ">
                          <td class="js-comment-actions">
                            <table>
                              <tbody>
                              <tr>
                                <td class=" comment-score">
                                  &nbsp;&nbsp;
                                </td>
                                <td>
                                  &nbsp;
                                </td>
                              </tr>
                              </tbody>
                            </table>
                          </td>
                          <td class="comment-text js-comment-text-and-form">
                            <div style="display: block;" class="comment-body">
                              <span class="comment-copy">@Mr.x the CSS logic is identical to your solution, bar a few extra bytes for prefixing the body class.</span> &ndash;&nbsp;
                              <a href="/users/519413/rory-mccrossan" title="209,155 reputation" class="comment-user">Rory McCrossan
                              </a>
                              <span class="comment-date" dir="ltr"><span title="2017-12-12 12:21:06Z"
                                                                         class="relativetime-clean">yesterday</span></span>
                            </div>
                          </td>
                        </tr>
                        <tr id="comment-82511441" class="comment js-comment ">
                          <td class="js-comment-actions comment-actions">
                            <table>
                              <tbody>
                              <tr>
                                <td class=" comment-score">
                                  <span title="number of &#39;useful comment&#39; votes received" class="cool">1</span>
                                </td>
                                <td>
                                  &nbsp;
                                </td>
                              </tr>
                              </tbody>
                            </table>
                          </td>
                          <td class="comment-text js-comment-text-and-form">
                            <div style="display: block;" class="comment-body">
                              <span class="comment-copy">+1. I&#39;ve done this in the past and it worked great. I don&#39;t remember all the details, but IIRC we separated option 1 and option 2 into two separate SCSS files, which were then transpiled and merged together.</span>                                    &ndash;&nbsp;
                              <a href="/users/1991295/async" title="1,268 reputation" class="comment-user">async</a>
                              <span class="comment-date" dir="ltr"><span title="2017-12-12 14:41:44Z"
                                                                         class="relativetime-clean">yesterday</span></span>
                            </div>
                          </td>
                        </tr>
                        </tbody>
                      </table>
                    </div>
                    <div id="comments-link-47772260" data-rep=50 data-anon=true>
                      <a class="js-add-link comments-link  dno" title="Use comments to ask for more information or suggest improvements. Avoid comments like “+1” or “thanks”."></a><span class="js-link-separator dno">&nbsp;|&nbsp;</span>
                      <a class="js-show-link comments-link " title="expand to show all comments on this post" href=# onclick="">show
                        <b>1</b> more comment</a>
                    </div>
                  </td>
                </tr>
              </table>
            </div>
            <a name="47772220"></a>
            <div id="answer-47772220" class="answer" data-answerid="47772220" itemscope itemtype="http://schema.org/Answer">
              <table>
                <tr>
                  <td class="votecell">
                    <div class="vote">
                      <input type="hidden" name="_id_" value="47772220">
                      <a class="vote-up-off" title="This answer is useful">up vote</a>
                      <span itemprop="upvoteCount" class="vote-count-post ">2</span>
                      <a class="vote-down-off" title="This answer is not useful">down vote</a>
                    </div>
                  </td>
                  <td class="answercell">
                    <div class="post-text" itemprop="text">
                      <p>Instead of long <code>href</code> use <code>link[href*="style.css"]</code> to find <code>style.css</code>
                      </p>
                      <p>
                      <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
                        <div class="snippet-code">
                                <pre class="snippet-code-js lang-js prettyprint-override"><code>var click = false;
var path = '/rip-access/wp-content/themes/RIP/assets/css/';
$('#css_toggle').on('click', function() {
  if (!click) {
    $('link[href*="style.css"]').attr('href', path + 'style1.css');
    click = true;
    console.log('changed to style1.css');
  } else {
    $('link[href*="style1.css"]').attr('href', path + 'style.css');
    click = false;
    console.log('changed to style.css');
  }
});</code></pre>
                          <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;button id="css_toggle" title="I'm a tooltip!"&gt;Toggle&lt;/button&gt;
&lt;link href="/rip-access/wp-content/themes/RIP/assets/css/style.css" rel="stylesheet" /&gt;</code></pre>
                        </div>
                      </div>
                      </p>
                      <p><em>And also you could use an <code>ID</code> instead of selecting by file name.</em></p>
                      <pre><code>$('#css') // jquery selector
&lt;link id="css" href="..." rel="stylesheet" /&gt; // html
</code></pre>
                    </div>
                    <table class="fw">
                      <tr>
                        <td class="vt">
                          <div class="post-menu">
                            <a href="/a/47772220" title="short permalink to this answer" class="short-link" id="link-post-47772220">share</a><span class="lsep">|</span>
                            <a href="/posts/47772220/edit" class="suggest-edit-post" title="">improve this answer</a>
                          </div>
                        </td>
                        <td align="right" class="post-signature">
                          <div class="user-info ">
                            <div class="user-action-time">
                              <a href="/posts/47772220/revisions" title="show all edits to this post">edited
                                <span title="2017-12-12 12:13:28Z" class="relativetime">yesterday</span></a>
                            </div>
                            <div class="user-gravatar32">
                            </div>
                            <div class="user-details">
                              <div class="-flair">
                              </div>
                            </div>
                          </div>
                        </td>
                        <td align="right" class="post-signature">
                          <div class="user-info ">
                            <div class="user-action-time">
                              answered <span title="2017-12-12 12:04:35Z" class="relativetime">yesterday</span>
                            </div>
                            <div class="user-gravatar32">
                              <a href="/users/4540183/mr-x">
                                <div class="gravatar-wrapper-32">
                                  <img src="https://i.stack.imgur.com/UWqzw.png?s=32&amp;g=1" alt="" width="32" height="32">
                                </div>
                              </a>
                            </div>
                            <div class="user-details">
                              <a href="/users/4540183/mr-x">Mr. x</a>
                              <div class="-flair">
                                <span class="reputation-score" title="reputation score " dir="ltr">4,218</span><span title="2 gold badges"><span class="badge1"></span><span class="badgecount">2</span></span><span title="10 silver badges"><span class="badge2"></span>
                                    <span class="badgecount">10</span>
                                    </span><span title="32 bronze badges"><span class="badge3"></span><span class="badgecount">32</span></span>
                              </div>
                            </div>
                          </div>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td class="votecell"></td>
                  <td>
                    <div id="comments-47772220" class="comments js-comments-container ">
                      <table>
                        <tbody class="js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true">
                        <tr id="comment-82505251" class="comment js-comment ">
                          <td class="js-comment-actions">
                            <table>
                              <tbody>
                              <tr>
                                <td class=" comment-score">
                                  &nbsp;&nbsp;
                                </td>
                                <td>
                                  &nbsp;
                                </td>
                              </tr>
                              </tbody>
                            </table>
                          </td>
                          <td class="comment-text js-comment-text-and-form">
                            <div style="display: block;" class="comment-body">
                              <span class="comment-copy">The only issue I can see with this is that there may be more than one <code>link</code> element with the instance of <code>style.css</code> in the string (since it is a wordpress site, multiple stylesheets from various plugins will be served).</span>                                    &ndash;&nbsp;
                              <a href="/users/5283476/uncaughttypeerror" title="3,896 reputation" class="comment-user">UncaughtTypeError</a>
                              <span class="comment-date" dir="ltr"><span title="2017-12-12 12:07:14Z"
                                                                         class="relativetime-clean">yesterday</span></span>
                            </div>
                          </td>
                        </tr>
                        <tr id="comment-82505521" class="comment js-comment ">
                          <td class="js-comment-actions comment-actions">
                            <table>
                              <tbody>
                              <tr>
                                <td class=" comment-score">
                                  <span title="number of &#39;useful comment&#39; votes received" class="cool">1</span>
                                </td>
                                <td>
                                  &nbsp;
                                </td>
                              </tr>
                              </tbody>
                            </table>
                          </td>
                          <td class="comment-text js-comment-text-and-form">
                            <div style="display: block;" class="comment-body">
                              <span class="comment-copy">@UncaughtTypeError Agree, and i recommended to use an <code>ID</code> instead.</span> &ndash;&nbsp;
                              <a href="/users/4540183/mr-x" title="4,218 reputation" class="comment-user">Mr. x</a>
                              <span class="comment-date" dir="ltr"><span title="2017-12-12 12:14:18Z"
                                                                         class="relativetime-clean">yesterday</span></span>
                            </div>
                          </td>
                        </tr>
                        </tbody>
                      </table>
                    </div>
                    <div id="comments-link-47772220" data-rep=50 data-anon=true>
                      <a class="js-add-link comments-link disabled-link " title="Use comments to ask for more information or suggest improvements. Avoid comments like “+1” or “thanks”.">add a comment</a><span class="js-link-separator dno">&nbsp;|&nbsp;</span>
                      <a class="js-show-link comments-link dno" title="expand to show all comments on this post" href=# onclick=""></a>
                    </div>
                  </td>
                </tr>
              </table>
            </div>
            <a name="47772281"></a>
            <div id="answer-47772281" class="answer" data-answerid="47772281" itemscope itemtype="http://schema.org/Answer">
              <table>
                <tr>
                  <td class="votecell">
                    <div class="vote">
                      <input type="hidden" name="_id_" value="47772281">
                      <a class="vote-up-off" title="This answer is useful">up vote</a>
                      <span itemprop="upvoteCount" class="vote-count-post ">1</span>
                      <a class="vote-down-off" title="This answer is not useful">down vote</a>
                    </div>
                  </td>
                  <td class="answercell">
                    <div class="post-text" itemprop="text">
                      <p>There is the requested simple example:</p>
                      <p>HTML:</p>
                      <pre><code>&lt;link rel="stylesheet" type="text/css" id='styles' href='path_to_your_style_1'&gt;
&lt;button id="css_toggle" title="I'm a tooltip!"&gt;Text&lt;/button&gt;
</code></pre>
                      <p>JS:</p>
                      <pre><code> $('#css_toggle').click(function () {
  if ($("link[id='styles']").attr('href') == 'path_to_your_style_1'){
    $("link[id='styles']").attr('href', 'path_to_your_style_2');
  } else {
    $("link[id='styles']").attr('href', 'path_to_your_style_1');
  }
});
</code></pre>
                    </div>
                    <table class="fw">
                      <tr>
                        <td class="vt">
                          <div class="post-menu">
                            <a href="/a/47772281" title="short permalink to this answer" class="short-link" id="link-post-47772281">share</a><span class="lsep">|</span>
                            <a href="/posts/47772281/edit" class="suggest-edit-post" title="">improve this answer</a>
                          </div>
                        </td>
                        <td align="right" class="post-signature">
                          <div class="user-info ">
                            <div class="user-action-time">
                              answered <span title="2017-12-12 12:08:17Z" class="relativetime">yesterday</span>
                            </div>
                            <div class="user-gravatar32">
                              <a href="/users/3311754/vtodorov">
                                <div class="gravatar-wrapper-32">
                                  <img src="https://graph.facebook.com/1358371494/picture?type=large" alt="" width="32" height="32">
                                </div>
                              </a>
                            </div>
                            <div class="user-details">
                              <a href="/users/3311754/vtodorov">VTodorov</a>
                              <div class="-flair">
                                <span class="reputation-score" title="reputation score " dir="ltr">425</span><span title="1 gold badge"><span class="badge1"></span><span class="badgecount">1</span></span><span title="3 silver badges"><span class="badge2"></span>
                                    <span class="badgecount">3</span>
                                    </span><span title="13 bronze badges"><span class="badge3"></span><span class="badgecount">13</span></span>
                              </div>
                            </div>
                          </div>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td class="votecell"></td>
                  <td>
                    <div id="comments-47772281" class="comments js-comments-container  dno">
                      <table>
                        <tbody class="js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true">
                        <tr>
                          <td></td>
                          <td></td>
                        </tr>
                        </tbody>
                      </table>
                    </div>
                    <div id="comments-link-47772281" data-rep=50 data-anon=true>
                      <a class="js-add-link comments-link disabled-link " title="Use comments to ask for more information or suggest improvements. Avoid comments like “+1” or “thanks”.">add a comment</a><span class="js-link-separator dno">&nbsp;|&nbsp;</span>
                      <a class="js-show-link comments-link dno" title="expand to show all comments on this post" href=# onclick=""></a>
                    </div>
                  </td>
                </tr>
              </table>
            </div>
            <a name="47772287"></a>
            <div id="answer-47772287" class="answer" data-answerid="47772287" itemscope itemtype="http://schema.org/Answer">
              <table>
                <tr>
                  <td class="votecell">
                    <div class="vote">
                      <input type="hidden" name="_id_" value="47772287">
                      <a class="vote-up-off" title="This answer is useful">up vote</a>
                      <span itemprop="upvoteCount" class="vote-count-post ">1</span>
                      <a class="vote-down-off" title="This answer is not useful">down vote</a>
                    </div>
                  </td>
                  <td class="answercell">
                    <div class="post-text" itemprop="text">
                      <p>You can try something like this :</p>
                      <p>
                      <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
                        <div class="snippet-code">
                                <pre class="snippet-code-js lang-js prettyprint-override"><code>let test = true;
$('#css_toggle').click(function() {
  if(test) {
    $('link.sty').attr("href","style.css");
    test = false;
  } else {
    $('link.sty').attr("href","style1.css");
    test = true;
  }
});</code></pre>
                          <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;link class="sty" href="style.css" rel="stylesheet"&gt;
&lt;button id="css_toggle" title="I'm a tooltip!"&gt;Text&lt;/button&gt;
&lt;div class="sq"&gt;&lt;/div&gt;</code></pre>
                        </div>
                      </div>
                      </p>
                    </div>
                    <table class="fw">
                      <tr>
                        <td class="vt">
                          <div class="post-menu">
                            <a href="/a/47772287" title="short permalink to this answer" class="short-link" id="link-post-47772287">share</a><span class="lsep">|</span>
                            <a href="/posts/47772287/edit" class="suggest-edit-post" title="">improve this answer</a>
                          </div>
                        </td>
                        <td align="right" class="post-signature">
                          <div class="user-info user-hover">
                            <div class="user-action-time">
                              answered <span title="2017-12-12 12:08:22Z" class="relativetime">yesterday</span>
                            </div>
                            <div class="user-gravatar32">
                              <a href="/users/8620333/temani-afif">
                                <div class="gravatar-wrapper-32">
                                  <img src="https://i.stack.imgur.com/WSmLn.png?s=32&amp;g=1" alt="" width="32" height="32">
                                </div>
                              </a>
                            </div>
                            <div class="user-details">
                              <a href="/users/8620333/temani-afif">Temani Afif</a>
                              <div class="-flair">
                                <span class="reputation-score" title="reputation score " dir="ltr">8,186</span><span title="2 gold badges"><span class="badge1"></span><span class="badgecount">2</span></span><span title="9 silver badges"><span class="badge2"></span>
                                    <span class="badgecount">9</span>
                                    </span><span title="33 bronze badges"><span class="badge3"></span><span class="badgecount">33</span></span>
                              </div>
                            </div>
                          </div>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td class="votecell"></td>
                  <td>
                    <div id="comments-47772287" class="comments js-comments-container  dno">
                      <table>
                        <tbody class="js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true">
                        <tr>
                          <td></td>
                          <td></td>
                        </tr>
                        </tbody>
                      </table>
                    </div>
                    <div id="comments-link-47772287" data-rep=50 data-anon=true>
                      <a class="js-add-link comments-link disabled-link " title="Use comments to ask for more information or suggest improvements. Avoid comments like “+1” or “thanks”.">add a comment</a><span class="js-link-separator dno">&nbsp;|&nbsp;</span>
                      <a class="js-show-link comments-link dno" title="expand to show all comments on this post" href=# onclick=""></a>
                    </div>
                  </td>
                </tr>
              </table>
            </div>
            <a name="47772335"></a>
            <div id="answer-47772335" class="answer" data-answerid="47772335" itemscope itemtype="http://schema.org/Answer">
              <table>
                <tr>
                  <td class="votecell">
                    <div class="vote">
                      <input type="hidden" name="_id_" value="47772335">
                      <a class="vote-up-off" title="This answer is useful">up vote</a>
                      <span itemprop="upvoteCount" class="vote-count-post ">1</span>
                      <a class="vote-down-off" title="This answer is not useful">down vote</a>
                    </div>
                  </td>
                  <td class="answercell">
                    <div class="post-text" itemprop="text">
                      <p>You can use <strong>detach</strong> using jquery</p>
                      <p>
                      <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
                        <div class="snippet-code">
                                <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
    (function() {
      var styles = {
        light: $("#light").detach(),
        dark:  $("#dark")
      };
      $("input[name=chooseStyle]").click(function() {
        var other = this.value === "light" ? "dark" : "light";
        styles[this.value].appendTo('head');
        styles[other].detach();
      });
    })();
  &lt;/script&gt;</code></pre>
                        </div>
                      </div>
                      </p>
                      <p>
                        <a href="http://jsbin.com/aduYodEz/1" rel="nofollow noreferrer">Demo link</a>
                      </p>
                    </div>
                    <table class="fw">
                      <tr>
                        <td class="vt">
                          <div class="post-menu">
                            <a href="/a/47772335" title="short permalink to this answer" class="short-link" id="link-post-47772335">share</a><span class="lsep">|</span>
                            <a href="/posts/47772335/edit" class="suggest-edit-post" title="">improve this answer</a>
                          </div>
                        </td>
                        <td align="right" class="post-signature">
                          <div class="user-info ">
                            <div class="user-action-time">
                              answered <span title="2017-12-12 12:11:32Z" class="relativetime">yesterday</span>
                            </div>
                            <div class="user-gravatar32">
                              <a href="/users/8532482/sridhar-rajan">
                                <div class="gravatar-wrapper-32">
                                  <img src="https://lh6.googleusercontent.com/-WQQKoVWXY5g/AAAAAAAAAAI/AAAAAAAAEbU/_rlm1fhBFGg/photo.jpg?sz=32" alt="" width="32" height="32">
                                </div>
                              </a>
                            </div>
                            <div class="user-details">
                              <a href="/users/8532482/sridhar-rajan">sridhar rajan</a>
                              <div class="-flair">
                                <span class="reputation-score" title="reputation score " dir="ltr">38</span><span title="4 bronze badges"><span class="badge3"></span><span class="badgecount">4</span></span>
                              </div>
                            </div>
                          </div>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td class="votecell"></td>
                  <td>
                    <div id="comments-47772335" class="comments js-comments-container  dno">
                      <table>
                        <tbody class="js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true">
                        <tr>
                          <td></td>
                          <td></td>
                        </tr>
                        </tbody>
                      </table>
                    </div>
                    <div id="comments-link-47772335" data-rep=50 data-anon=true>
                      <a class="js-add-link comments-link disabled-link " title="Use comments to ask for more information or suggest improvements. Avoid comments like “+1” or “thanks”.">add a comment</a><span class="js-link-separator dno">&nbsp;|&nbsp;</span>
                      <a class="js-show-link comments-link dno" title="expand to show all comments on this post" href=# onclick=""></a>
                    </div>
                  </td>
                </tr>
              </table>
            </div>
            <a name='new-answer'></a>
            <form id="post-form" action="/questions/47772015/answer/submit" method="post" class="post-form">
              <input type="hidden" id="post-id" value="47772015" />
              <input type="hidden" id="qualityBanWarningShown" name="qualityBanWarningShown" value="false" />
              <input type="hidden" name="referrer" value="" />
              <h2 class="space">Your Answer</h2>
              <div id="post-editor" class="post-editor js-post-editor">
                <div style="position: relative;">
                  <div class="wmd-container">
                    <div id="wmd-button-bar" class="wmd-button-bar"></div>
                    <textarea id="wmd-input" class="wmd-input" name="post-text" cols="92" rows="15" tabindex="101" data-min-length=""></textarea>
                  </div>
                </div>
                <div class="fl" style="margin-top: 8px; height:24px;">&nbsp;</div>
                <div id="draft-saved" class="draft-saved community-option fl" style="margin-top: 8px; height:24px; display:none;">draft saved
                </div>
                <div id="draft-discarded" class="draft-discarded community-option fl" style="margin-top: 8px; height:24px; display:none;">draft discarded
                </div>
                <div id="wmd-preview" class="wmd-preview"></div>
                <div></div>
                <div class="edit-block">
                  <input id="fkey" name="fkey" type="hidden" value="581f60856de052c456718faa09988758">
                  <input id="author" name="author" type="text">
                </div>
              </div>
              <div style="position: relative;">
                <div class="form-item dno new-post-login">
                  <div class="new-login-form">
                    <div class="new-login-left">
                      <h3>Sign up or
                        <a id="login-link" href="/users/login?ssrc=question_page&returnurl=https%3a%2f%2fstackoverflow.com%2fquestions%2f47772015%2ftoggle-between-two-stylesheets%23new-answer">log in
                        </a>
                      </h3>
                      <div class="preferred-login google-login">
                        <svg aria-hidden="true" class="svg-icon native iconGoogle" width="18" height="18" viewBox="0 0 18 18">
                        </svg>
                        Sign up using Google
                      </div>
                      <div class="preferred-login facebook-login">
                        <svg aria-hidden="true" class="svg-icon iconFacebook" width="18" height="18" viewBox="0 0 18 18">
                        </svg>
                        Sign up using Facebook
                      </div>
                      <div class="preferred-login stackexchange-login">
                        <svg aria-hidden="true" class="svg-icon native iconLogoGlyphXSm" width="18" height="18" viewBox="0 0 18 18">
                        </svg>
                        Sign up using Email and Password
                      </div>
                    </div>
                    <input type="hidden" name="manual-openid" class="manual-openid" />
                    <input type="hidden" name="use-facebook" class="use-facebook" value="false" />
                    <input type="hidden" name="use-google" class="use-google" value="false" />
                    <input type="button" class="submit-openid" value="Submit" style="display:none" />
                    <div class="new-login-right">
                      <h3>Post as a guest</h3>
                      <div class="form-item">
                        <table>
                          <tr>
                            <td class="vm">
                              <div>
                                <label for="display-name">Name</label>
                                <input id="display-name" name="display-name" type="text" size="30" maxlength="30" value="" tabindex="105">
                              </div>
                              <div>
                                <label for="m-address">Email</label>
                                <input id="m-address" name="m-address" type="email" size="30" maxlength="100" value="" tabindex="106" placeholder="required, but never shown" />
                              </div>
                            </td>
                          </tr>
                        </table>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="form-submit cbt">
                <input id="submit-button" type="submit" value="Post Your Answer" tabindex="110">
                <a href="#" class="btn-clear discard-answer dno">discard</a>
                <p class="privacy-policy-agreement">
                  By posting your answer, you agree to the
                  <a href='https://stackexchange.com/legal/privacy-policy' name='privacy' target='_blank'>privacy policy
                  </a> and
                  <a href='https://stackexchange.com/legal/terms-of-service' name='tos' target='_blank'>terms of service
                  </a>.</p>
                <input type="hidden" name="legalLinksShown" value="1" />
              </div>
            </form>
            <h2 class="bottom-notice" data-loc="1">
              Not the answer you&#39;re looking for? Browse other questions tagged
              <a href="/questions/tagged/jquery" class="post-tag" title="show questions tagged &#39;jquery&#39;" rel="tag">jquery</a>
              <a href="/questions/tagged/css" class="post-tag" title="show questions tagged &#39;css&#39;" rel="tag">css</a> or
              <a href="/questions/ask">ask your own question</a>. </h2>
          </div>
        </div>
        <div id="sidebar" class="show-votes" role="complementary" aria-label="sidebar">
          <div class="module question-stats">
            <table id="qinfo">
              <tr>
                <td>
                  <p class="label-key">asked</p>
                </td>
                <td style="padding-left: 10px">
                  <p class="label-key" title="2017-12-12 11:55:29Z">
                    <b>yesterday</b>
                  </p>
                </td>
              </tr>
              <tr>
                <td>
                  <p class="label-key">viewed</p>
                </td>
                <td style="padding-left: 10px">
                  <p class="label-key">
                    <b>738 times</b>
                  </p>
                </td>
              </tr>
              <tr>
                <td>
                  <p class="label-key">active</p>
                </td>
                <td style="padding-left: 10px">
                  <p class="label-key">
                    <b>
                      <a href="?lastactivity" class="lastactivity-link" title="2017-12-12 13:06:23Z">yesterday</a>
                    </b>
                  </p>
                </td>
              </tr>
            </table>
          </div>
          <div class="module community-bulletin" data-tracker="cb=1">
            <div class="related">
              <div class="bulletin-title">
                Blog
              </div>
              <hr />
              <div class="spacer">
                <div class="bulletin-item-type">
                  <a href="https://stackoverflow.blog/2017/12/12/winter-bash-2017-greatest-hits-hats/" class="question-hyperlink">
                    <div class="favicon favicon-stackexchangemeta" title="Meta Stack Exchange"></div>
                  </a>
                </div>
                <div class="bulletin-item-content">
                  <a href="https://stackoverflow.blog/2017/12/12/winter-bash-2017-greatest-hits-hats/" class="question-hyperlink">Winter Bash 2017: Greatest Hits Hats!</a>
                </div>
                <br class="cbt" />
              </div>
            </div>
          </div>
          <div id="dfp-tsb" class="everyonelovesstackoverflow"></div>
          <div id="hireme"></div>
          <div style="margin-bottom: 10px;">
            <div id="newsletter-ad">
              <p id="newsletter-ad-header">Get the
                <b>weekly newsletter!</b> In it, you&#39;ll get:</p>
              <ul>
                <li>The week&#39;s top questions and answers</li>
                <li>Important community announcements</li>
                <li>Questions that need answers</li>
              </ul>
              <div id="newsletter-signup-container">
                <input id="newsletter-signup" type="button" value="Sign up for the newsletter" />
              </div>
              <p id="newsletter-preview-container">see an
                <a href="https://stackexchange.com/newsletters/newsletter?site=stackoverflow.com&suppressPromotion=true" id="newsletter-preview">example newsletter</a>
              </p>
              <div class="dno">
                <p class="privacy-policy-agreement">
                  By subscribing, you agree to the
                  <a href='https://stackexchange.com/legal/privacy-policy' name='privacy' target='_blank'>privacy policy
                  </a> and
                  <a href='https://stackexchange.com/legal/terms-of-service' name='tos' target='_blank'>terms of service
                  </a>.</p>
                <input type="hidden" name="legalLinksShown" value="1" />
              </div>
            </div>
          </div>
          <div class="module sidebar-related">
            <h4 id="h-related">Related</h4>
            <div class="related js-gps-related-questions" data-tracker="rq=1">
              <div class="spacer">
                <a href="/q/133051" title="Vote score (upvotes - downvotes)">
                  <div class="answer-votes answered-accepted large">819</div>
                </a>
                <a href="/questions/133051/what-is-the-difference-between-visibilityhidden-and-displaynone" class="question-hyperlink">What is the difference between visibility:hidden and display:none?</a>
              </div>
              <div class="spacer">
                <a href="/q/351058" title="Vote score (upvotes - downvotes)">
                  <div class="answer-votes large">621</div>
                </a>
                <a href="/questions/351058/space-between-two-rows-in-a-table" class="question-hyperlink">Space between two rows in a table?</a>
              </div>
              <div class="spacer">
                <a href="/q/5654447" title="Vote score (upvotes - downvotes)">
                  <div class="answer-votes answered-accepted extra-large">1130</div>
                </a>
                <a href="/questions/5654447/whats-the-difference-between-scss-and-sass" class="question-hyperlink">What&#39;s the difference between SCSS and Sass?</a>
              </div>
              <div class="spacer">
                <a href="/q/7846980" title="Vote score (upvotes - downvotes)">
                  <div class="answer-votes answered-accepted default">40</div>
                </a>
                <a href="/questions/7846980/how-do-i-switch-my-css-stylesheet-using-jquery" class="question-hyperlink">How do I switch my CSS stylesheet using jQuery?</a>
              </div>
              <div class="spacer">
                <a href="/q/12851494" title="Vote score (upvotes - downvotes)">
                  <div class="answer-votes answered-accepted default">1</div>
                </a>
                <a href="/questions/12851494/wordpress-stylesheet-not-updating" class="question-hyperlink">Wordpress Stylesheet Not Updating</a>
              </div>
              <div class="spacer">
                <a href="/q/22315916" title="Vote score (upvotes - downvotes)">
                  <div class="answer-votes default">0</div>
                </a>
                <a href="/questions/22315916/wordpress-theme-is-not-being-recognized-because-stylesheet-is-missing" class="question-hyperlink">WordPress theme is not being recognized because Stylesheet is missing</a>
              </div>
              <div class="spacer">
                <a href="/q/22758433" title="Vote score (upvotes - downvotes)">
                  <div class="answer-votes default">0</div>
                </a>
                <a href="/questions/22758433/htaccess-redirect-in-subdomain" class="question-hyperlink">htaccess redirect in subdomain</a>
              </div>
              <div class="spacer">
                <a href="/q/27176502" title="Vote score (upvotes - downvotes)">
                  <div class="answer-votes answered-accepted default">-1</div>
                </a>
                <a href="/questions/27176502/replace-stylesheet-name-with-javascript" class="question-hyperlink">Replace stylesheet name with javascript</a>
              </div>
              <div class="spacer">
                <a href="/q/36192204" title="Vote score (upvotes - downvotes)">
                  <div class="answer-votes default">-2</div>
                </a>
                <a href="/questions/36192204/website-not-recognising-stylesheet" class="question-hyperlink">Website not recognising stylesheet</a>
              </div>
              <div class="spacer">
                <a href="/q/44627617" title="Vote score (upvotes - downvotes)">
                  <div class="answer-votes answered-accepted default">1</div>
                </a>
                <a href="/questions/44627617/wordpress-stylesheet-child-theme" class="question-hyperlink">Wordpress stylesheet child theme</a>
              </div>
            </div>
          </div>
          <div id="hot-network-questions" class="module tex2jax_ignore">
            <h4>
              <a href="https://stackexchange.com/questions?tab=hot" class="js-gps-track" data-gps-track="posts_hot_network.click({ item_type:1, location:11 })">
                Hot Network Questions
              </a>
            </h4>
            <ul>
              <li>
                <div class="favicon favicon-gaming" title="Arqade"></div>
                <a href="https://gaming.stackexchange.com/questions/322879/what-is-this-console-game" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:41 }); posts_hot_network.click({ item_type:2, location:11 })">
                  What is this console/game?
                </a>
              </li>
              <li>
                <div class="favicon favicon-movies" title="Movies &amp; TV Stack Exchange"></div>
                <a href="https://movies.stackexchange.com/questions/83382/of-all-the-movies-and-tv-shows-ever-made-which-of-them-is-set-furthest-in-the-f" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:367 }); posts_hot_network.click({ item_type:2, location:11 })">
                  Of all the movies and TV shows ever made, which of them is set furthest in the future?
                </a>
              </li>
              <li>
                <div class="favicon favicon-security" title="Information Security Stack Exchange"></div>
                <a href="https://security.stackexchange.com/questions/175411/html-login-form-without-a-csrf-protection" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:162 }); posts_hot_network.click({ item_type:2, location:11 })">
                  HTML login form without a CSRF protection
                </a>
              </li>
              <li>
                <div class="favicon favicon-retrocomputing" title="Retrocomputing Stack Exchange"></div>
                <a href="https://retrocomputing.stackexchange.com/questions/5179/why-historically-include-the-number-of-arguments-argc-as-a-parameter-of-main" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:648 }); posts_hot_network.click({ item_type:2, location:11 })">
                  Why (historically) include the number of arguments (argc) as a parameter of main?
                </a>
              </li>
              <li>
                <div class="favicon favicon-english" title="English Language &amp; Usage Stack Exchange"></div>
                <a href="https://english.stackexchange.com/questions/422162/what-is-the-binary-equivalent-to-decimal-and-decimal-point" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:97 }); posts_hot_network.click({ item_type:2, location:11 })">
                  What is the binary equivalent to &quot;decimal&quot; and &quot;decimal point&quot;?
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-scifi" title="Science Fiction &amp; Fantasy Stack Exchange"></div>
                <a href="https://scifi.stackexchange.com/questions/176206/why-did-sauron-think-that-no-one-in-possession-of-the-one-ring-would-want-to-des" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:186 }); posts_hot_network.click({ item_type:2, location:11 })">
                  Why did Sauron think that no one in possession of the One Ring would want to destroy it?
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-askubuntu" title="Ask Ubuntu"></div>
                <a href="https://askubuntu.com/questions/986054/how-to-create-a-symlink-to-root" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:89 }); posts_hot_network.click({ item_type:2, location:11 })">
                  How to create a symlink to root
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-gamedev" title="Game Development Stack Exchange"></div>
                <a href="https://gamedev.stackexchange.com/questions/152130/can-a-developer-change-their-product-name-on-steamworks" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:53 }); posts_hot_network.click({ item_type:2, location:11 })">
                  Can a developer change their product name on Steamworks?
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-worldbuilding" title="Worldbuilding Stack Exchange"></div>
                <a href="https://worldbuilding.stackexchange.com/questions/100051/can-you-protect-a-space-elevator-from-space-junk" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:579 }); posts_hot_network.click({ item_type:2, location:11 })">
                  Can you protect a Space Elevator from Space Junk?
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-electronics" title="Electrical Engineering Stack Exchange"></div>
                <a href="https://electronics.stackexchange.com/questions/344574/smart-ways-to-detect-a-button-less-power-consuming" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:135 }); posts_hot_network.click({ item_type:2, location:11 })">
                  Smart ways to detect a button (less power consuming)
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-interpersonal" title="Interpersonal Skills Stack Exchange"></div>
                <a href="https://interpersonal.stackexchange.com/questions/8043/how-do-i-tell-my-friends-and-family-members-that-i-dont-appreciate-it-when-they" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:680 }); posts_hot_network.click({ item_type:2, location:11 })">
                  How do I tell my friends and family members that I don&#39;t appreciate it when they say I look like a bird without causing a confrontation?
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-tex" title="TeX - LaTeX Stack Exchange"></div>
                <a href="https://tex.stackexchange.com/questions/406064/tikz-calendar-with-week-starting-on-friday" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:85 }); posts_hot_network.click({ item_type:2, location:11 })">
                  Tikz calendar with week starting on Friday
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-sqa" title="Software Quality Assurance &amp; Testing Stack Exchange"></div>
                <a href="https://sqa.stackexchange.com/questions/31029/how-to-stay-motivated-when-you-don-t-like-the-products-you-re-testing" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:244 }); posts_hot_network.click({ item_type:2, location:11 })">
                  How to stay motivated when you don’t like the products you’re testing?
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-codegolf" title="Programming Puzzles &amp; Code Golf Stack Exchange"></div>
                <a href="https://codegolf.stackexchange.com/questions/150520/first-and-last-prime-numbers-with-prime-digits-of-range" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:200 }); posts_hot_network.click({ item_type:2, location:11 })">
                  First and last prime numbers with prime digits of range
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-codereview" title="Code Review Stack Exchange"></div>
                <a href="https://codereview.stackexchange.com/questions/182674/advent-of-code-2017-day-8-performing-simple-instructions" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:196 }); posts_hot_network.click({ item_type:2, location:11 })">
                  Advent of Code 2017, Day 8 - Performing simple instructions
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-scifi" title="Science Fiction &amp; Fantasy Stack Exchange"></div>
                <a href="https://scifi.stackexchange.com/questions/176169/why-hasnt-the-doctor-and-his-companions-ever-noticed-the-silence-before" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:186 }); posts_hot_network.click({ item_type:2, location:11 })">
                  Why hasn&#39;t the Doctor and his companions ever noticed the Silence before?
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-scifi" title="Science Fiction &amp; Fantasy Stack Exchange"></div>
                <a href="https://scifi.stackexchange.com/questions/176195/is-the-flame-and-the-void-a-real-meditation-technique" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:186 }); posts_hot_network.click({ item_type:2, location:11 })">
                  Is the Flame and the Void a real meditation technique?
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-diy" title="Home Improvement Stack Exchange"></div>
                <a href="https://diy.stackexchange.com/questions/128944/are-there-skilled-professionals-who-will-supervise-unskilled-diy-labor" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:73 }); posts_hot_network.click({ item_type:2, location:11 })">
                  Are there skilled professionals who will supervise unskilled DIY labor?
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-security" title="Information Security Stack Exchange"></div>
                <a href="https://security.stackexchange.com/questions/175386/can-the-previewable-option-in-file-managers-execute-malware" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:162 }); posts_hot_network.click({ item_type:2, location:11 })">
                  Can the previewable option in file managers execute malware?
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-unix" title="Unix &amp; Linux Stack Exchange"></div>
                <a href="https://unix.stackexchange.com/questions/410628/how-does-a-cpu-know-there-is-io-pending" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:106 }); posts_hot_network.click({ item_type:2, location:11 })">
                  How does a CPU know there is IO pending?
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-cs" title="Computer Science Stack Exchange"></div>
                <a href="https://cs.stackexchange.com/questions/85327/why-is-writing-down-mathematical-proofs-more-fault-proof-than-writing-computer-c" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:419 }); posts_hot_network.click({ item_type:2, location:11 })">
                  Why is writing down mathematical proofs more fault-proof than writing computer code?
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-history" title="History Stack Exchange"></div>
                <a href="https://history.stackexchange.com/questions/42297/what-did-people-in-13th-century-england-know-about-greek-mythology" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:324 }); posts_hot_network.click({ item_type:2, location:11 })">
                  What did people in 13th century England know about Greek mythology?
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-interpersonal" title="Interpersonal Skills Stack Exchange"></div>
                <a href="https://interpersonal.stackexchange.com/questions/7905/how-to-tell-someone-believing-in-pseudoscience-conspiracy-theories-is-wrong-wi" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:680 }); posts_hot_network.click({ item_type:2, location:11 })">
                  How to tell someone believing in pseudoscience &amp; conspiracy theories is wrong without making them feel stupid/upset?
                </a>
              </li>
              <li class="dno js-hidden">
                <div class="favicon favicon-ux" title="User Experience Stack Exchange"></div>
                <a href="https://ux.stackexchange.com/questions/114262/logical-colors-for-a-wireframe" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:102 }); posts_hot_network.click({ item_type:2, location:11 })">
                  Logical colors for a wireframe
                </a>
              </li>
            </ul>
            <a href="#" class="show-more js-show-more js-gps-track" data-gps-track="posts_hot_network.click({ item_type:3, location:11 })">
              more hot questions
            </a>
          </div>
        </div>
        <div id="feed-link">
          <div id="feed-link-text">
            <a href="/feeds/question/47772015" title="feed of this question and its answers">
              <svg aria-hidden="true" class="svg-icon iconRss" width="18" height="18" viewBox="0 0 18 18">
              </svg>
              question feed
            </a>
          </div>
        </div>
      </div>
      <div style="display:none" id="prettify-lang">default</div>
    </div>
  </div>
</div>
<footer id="footer" class="s-footer js-footer" role="contentinfo">
  <div class="-container">
    <div class="g-row">
      <div class="-logo">
        <a href="https://stackoverflow.com">
          <svg aria-hidden="true" class="svg-icon native iconLogo" width="150" height="30" viewBox="0 0 150 30">
          </svg>
        </a>
      </div>
      <nav class="-nav js-category _visible" data-name="default">
        <h5 class="-title">
          <a href="https://stackoverflow.com" class="js-gps-track" data-gps-track="footer.click({ location: 2, link: 15})">Stack Overflow</a>
        </h5>
        <ul class="-list">
          <li class="-item">
            <a href="/questions" class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 16})">Questions</a>
          </li>
          <li class="-item">
            <a href="https://stackoverflow.com/jobs" class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 17})">Jobs</a>
          </li>
          <li class="-item">
            <a href="https://stackoverflow.com/jobs/directory/developer-jobs" class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 11})">Developer Jobs Directory</a>
          </li>
          <li class="-item">
            <a href="https://stackoverflow.com/jobs/salary" class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 28})">Salary Calculator</a>
          </li>
          <li class="-item">
            <a href="/help" class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 3 })">Help</a>
          </li>
          <li class="-item">
            <a onclick='StackExchange.switchMobile("on")' class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 12 })">Mobile</a>
          </li>
        </ul>
      </nav>
      <nav class="-nav js-category _visible" data-name="default">
        <h5 class="-title">
          <a href="https://www.stackoverflowbusiness.com/?utm_source=so-footer&utm_medium=referral&utm_campaign=brand-activation&utm_term=sotob2b-footer-business-category" class="js-gps-track" data-gps-track="footer.click({ location: 2, link: 19 })">Stack Overflow
            <br /> Business</a>
        </h5>
        <ul class="-list">
          <li class="-item">
            <a href="https://www.stackoverflowbusiness.com/talent?utm_source=so-footer&utm_medium=referral&utm_campaign=brand-activation&utm_term=sotob2b-footer-talent" class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 20 })">Talent</a>
          </li>
          <li class="-item">
            <a href="https://www.stackoverflowbusiness.com/advertise?utm_source=so-footer&utm_medium=referral&utm_campaign=brand-activation&utm_term=sotob2b-footer-advertise" class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 21 })">Ads</a>
          </li>
          <li class="-item">
            <a href="https://www.stackoverflowbusiness.com/enterprise?utm_source=so-footer&utm_medium=referral&utm_campaign=brand-activation&utm_term=sotob2b-footer-enterprise" class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 22 })">Enterprise</a>
          </li>
        </ul>
      </nav>
      <nav class="-nav js-category _visible" data-name="default">
        <h5 class="-title">
          <a class="js-gps-track" data-gps-track="footer.click({ location: 2, link: 1 })" href="https://stackoverflow.com/company/about">Company</a>
        </h5>
        <ul class="-list">
          <li class="-item">
            <a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 1 })" href="https://stackoverflow.com/company/about">About</a>
          </li>
          <li class="-item">
            <a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 27 })" href="https://stackoverflow.com/company/press">Press</a>
          </li>
          <li class="-item">
            <a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 9 })" href="https://stackoverflow.com/company/work-here">Work Here</a>
          </li>
          <li class="-item">
            <a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 7 })" href="https://stackexchange.com/legal">Legal</a>
          </li>
          <li class="-item">
            <a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 8 })" href="https://stackexchange.com/legal/privacy-policy">Privacy Policy</a>
          </li>
          <li class="-item">
            <a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link: 13 })" href="https://stackoverflow.com/company/contact">Contact Us</a>
          </li>
        </ul>
      </nav>
      <div class="-network g-row">
        <a href="#" class="-back-trigger js-back">
          <svg aria-hidden="true" class="svg-icon iconArrowLeftAlt" width="18" height="18" viewBox="0 0 18 18">
          </svg>
        </a>
        <div>
          <h5 class="-title">
            <a href="https://stackexchange.com">Stack Exchange
              <br> Network</a>
          </h5>
          <ul class="-list">
            <li class="-item">
              <a href="#" class="-link _expandable js-category-trigger js-gps-track" data-gps-track="footer.click({ location: 2, link: 24 })" data-target="Technology">Technology</a>
            </li>
            <li class="-item">
              <a href="#" class="-link _expandable js-category-trigger js-gps-track" data-gps-track="footer.click({ location: 2, link: 24 })" data-target="Life / Arts">Life / Arts</a>
            </li>
            <li class="-item">
              <a href="#" class="-link _expandable js-category-trigger js-gps-track" data-gps-track="footer.click({ location: 2, link: 24 })" data-target="Culture / Recreation">Culture / Recreation</a>
            </li>
            <li class="-item">
              <a href="#" class="-link _expandable js-category-trigger js-gps-track" data-gps-track="footer.click({ location: 2, link: 24 })" data-target="Science">Science</a>
            </li>
            <li class="-item">
              <a href="#" class="-link _expandable js-category-trigger js-gps-track" data-gps-track="footer.click({ location: 2, link: 24 })" data-target="Other">Other</a>
            </li>
          </ul>
        </div>
      </div>
      <nav class="-nav js-category" data-name="Technology">
        <ul class="-list">
          <li class="-item">
            <a href="https://stackoverflow.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="professional and enthusiast programmers">Stack Overflow</a>
          </li>
          <li class="-item">
            <a href="https://serverfault.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="system and network administrators">Server Fault</a>
          </li>
          <li class="-item">
            <a href="https://superuser.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="computer enthusiasts and power users">Super User</a>
          </li>
          <li class="-item">
            <a href="https://webapps.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="power users of web applications">Web Applications</a>
          </li>
          <li class="-item">
            <a href="https://askubuntu.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="Ubuntu users and developers">Ask Ubuntu</a>
          </li>
          <li class="-item">
            <a href="https://webmasters.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="pro webmasters">Webmasters</a>
          </li>
          <li class="-item">
            <a href="https://gamedev.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="professional and independent game developers">Game Development</a>
          </li>
        </ul>
      </nav>
      <nav class="-nav js-category" data-name="Technology">
        <ul class="-list">
          <li class="-item">
            <a href="https://tex.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="users of TeX, LaTeX, ConTeXt, and related typesetting systems">TeX - LaTeX</a>
          </li>
          <li class="-item">
            <a href="https://softwareengineering.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="professionals, academics, and students working within the systems development life cycle">Software Engineering
            </a>
          </li>
          <li class="-item">
            <a href="https://unix.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="users of Linux, FreeBSD and other Un*x-like operating systems">Unix &amp; Linux</a>
          </li>
          <li class="-item">
            <a href="https://apple.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="power users of Apple hardware and software">Ask Different (Apple)</a>
          </li>
          <li class="-item">
            <a href="https://wordpress.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="WordPress developers and administrators">WordPress Development</a>
          </li>
          <li class="-item">
            <a href="https://gis.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="cartographers, geographers and GIS professionals">Geographic Information Systems</a>
          </li>
          <li class="-item">
            <a href="https://electronics.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="electronics and electrical engineering professionals, students, and enthusiasts">Electrical Engineering
            </a>
          </li>
        </ul>
      </nav>
      <nav class="-nav js-category" data-name="Technology">
        <ul class="-list">
          <li class="-item">
            <a href="https://android.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="enthusiasts and power users of the Android operating system">Android Enthusiasts</a>
          </li>
          <li class="-item">
            <a href="https://security.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="information security professionals">Information Security</a>
          </li>
          <li class="-item">
            <a href="https://dba.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="database professionals who wish to improve their database skills and learn from others in the community">Database Administrators
            </a>
          </li>
          <li class="-item">
            <a href="https://drupal.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="Drupal developers and administrators">Drupal Answers</a>
          </li>
          <li class="-item">
            <a href="https://sharepoint.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="SharePoint enthusiasts">SharePoint</a>
          </li>
          <li class="-item">
            <a href="https://ux.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="user experience researchers and experts">User Experience</a>
          </li>
          <li class="-item">
            <a href="https://mathematica.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="users of Wolfram Mathematica">Mathematica</a>
          </li>
        </ul>
      </nav>
      <nav class="-nav js-category" data-name="Technology">
        <ul class="-list">
          <li class="-item">
            <a href="https://salesforce.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="Salesforce administrators, implementation experts, developers and anybody in-between">Salesforce</a>
          </li>
          <li class="-item">
            <a href="https://expressionengine.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="administrators, end users, developers and designers for ExpressionEngine&#174; CMS">ExpressionEngine&#174; Answers
            </a>
          </li>
          <li class="-item">
            <a href="https://pt.stackoverflow.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="programadores profissionais e entusiastas">Stack Overflow em Portugu&#234;s</a>
          </li>
          <li class="-item">
            <a href="https://blender.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="people who use Blender to create 3D graphics, animations, or games">Blender</a>
          </li>
          <li class="-item">
            <a href="https://networkengineering.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="network engineers">Network Engineering</a>
          </li>
          <li class="-item">
            <a href="https://crypto.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="software developers, mathematicians and others interested in cryptography">Cryptography</a>
          </li>
          <li class="-item">
            <a href="https://codereview.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="peer programmer code reviews">Code Review</a>
          </li>
        </ul>
      </nav>
      <nav class="-nav js-category" data-name="Technology">
        <ul class="-list">
          <li class="-item">
            <a href="https://magento.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="users of the Magento e-Commerce platform">Magento</a>
          </li>
          <li class="-item">
            <a href="https://softwarerecs.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="people seeking specific software recommendations">Software Recommendations</a>
          </li>
          <li class="-item">
            <a href="https://dsp.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="practitioners of the art and science of signal, image and video processing">Signal Processing</a>
          </li>
          <li class="-item">
            <a href="https://emacs.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="those using, extending or developing Emacs">Emacs</a>
          </li>
          <li class="-item">
            <a href="https://raspberrypi.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="users and developers of hardware and software for Raspberry Pi">Raspberry Pi</a>
          </li>
          <li class="-item">
            <a href="https://ru.stackoverflow.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="программистов">Stack Overflow на русском</a>
          </li>
          <li class="-item">
            <a href="https://codegolf.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="programming puzzle enthusiasts and code golfers">Programming Puzzles &amp; Code Golf</a>
          </li>
        </ul>
      </nav>
      <nav class="-nav js-category" data-name="Technology">
        <ul class="-list">
          <li class="-item">
            <a href="https://es.stackoverflow.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="programadores y profesionales de la inform&#225;tica">Stack Overflow en espa&#241;ol</a>
          </li>
          <li class="-item">
            <a href="https://ethereum.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="users of Ethereum, the decentralized application platform and smart contract enabled blockchain">Ethereum</a>
          </li>
          <li class="-item">
            <a href="https://datascience.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="Data science professionals, Machine Learning specialists, and those interested in learning more about the field">Data Science
            </a>
          </li>
          <li class="-item">
            <a href="https://arduino.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="developers of open-source hardware and software that is compatible with Arduino">Arduino</a>
          </li>
          <li class="-item">
            <a href="https://bitcoin.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="Bitcoin crypto-currency enthusiasts">Bitcoin</a>
          </li>
          <li class="-item">
            <a href="https://stackexchange.com/sites#technology" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 26 })">
              <strong>
                more (26)
              </strong>
            </a>
          </li>
        </ul>
      </nav>
      <nav class="-nav js-category" data-name="Life / Arts">
        <ul class="-list">
          <li class="-item">
            <a href="https://photo.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="professional, enthusiast and amateur photographers">Photography</a>
          </li>
          <li class="-item">
            <a href="https://scifi.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="science fiction and fantasy enthusiasts">Science Fiction &amp; Fantasy</a>
          </li>
          <li class="-item">
            <a href="https://graphicdesign.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="Graphic Design professionals, students, and enthusiasts">Graphic Design</a>
          </li>
          <li class="-item">
            <a href="https://movies.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="movie and tv enthusiasts">Movies &amp; TV</a>
          </li>
          <li class="-item">
            <a href="https://music.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="musicians, students, and enthusiasts">Music: Practice &amp; Theory</a>
          </li>
          <li class="-item">
            <a href="https://worldbuilding.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="writers/artists using science, geography and culture to construct imaginary worlds and settings">Worldbuilding</a>
          </li>
          <li class="-item">
            <a href="https://cooking.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="professional and amateur chefs">Seasoned Advice (cooking)</a>
          </li>
        </ul>
      </nav>
      <nav class="-nav js-category" data-name="Life / Arts">
        <ul class="-list">
          <li class="-item">
            <a href="https://diy.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="contractors and serious DIYers">Home Improvement</a>
          </li>
          <li class="-item">
            <a href="https://money.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="people who want to be financially literate">Personal Finance &amp; Money</a>
          </li>
          <li class="-item">
            <a href="https://academia.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="academics and those enrolled in higher education">Academia</a>
          </li>
          <li class="-item">
            <a href="https://law.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="legal professionals, students, and others with experience or interest in law">Law</a>
          </li>
          <li class="-item">
            <a href="https://stackexchange.com/sites#lifearts" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 26 })">
              <strong>
                more (16)
              </strong>
            </a>
          </li>
        </ul>
      </nav>
      <nav class="-nav js-category" data-name="Culture / Recreation">
        <ul class="-list">
          <li class="-item">
            <a href="https://english.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="linguists, etymologists, and serious English language enthusiasts">English Language &amp; Usage
            </a>
          </li>
          <li class="-item">
            <a href="https://skeptics.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="scientific skepticism">Skeptics</a>
          </li>
          <li class="-item">
            <a href="https://judaism.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="those who base their lives on Jewish law and tradition and anyone interested in learning more">Mi Yodeya (Judaism)</a>
          </li>
          <li class="-item">
            <a href="https://travel.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="road warriors and seasoned travelers">Travel</a>
          </li>
          <li class="-item">
            <a href="https://christianity.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="committed Christians, experts in Christianity and those interested in learning more">Christianity</a>
          </li>
          <li class="-item">
            <a href="https://ell.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="speakers of other languages learning English">English Language Learners</a>
          </li>
          <li class="-item">
            <a href="https://japanese.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="students, teachers, and linguists wanting to discuss the finer points of the Japanese language">Japanese Language
            </a>
          </li>
        </ul>
      </nav>
      <nav class="-nav js-category" data-name="Culture / Recreation">
        <ul class="-list">
          <li class="-item">
            <a href="https://gaming.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="passionate videogamers on all platforms">Arqade (gaming)</a>
          </li>
          <li class="-item">
            <a href="https://bicycles.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="people who build and repair bicycles, people who train cycling, or commute on bicycles">Bicycles</a>
          </li>
          <li class="-item">
            <a href="https://rpg.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="gamemasters and players of tabletop, paper-and-pencil role-playing games">Role-playing Games</a>
          </li>
          <li class="-item">
            <a href="https://anime.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="anime and manga fans">Anime &amp; Manga</a>
          </li>
          <li class="-item">
            <a href="https://puzzling.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="those who create, solve, and study puzzles">Puzzling</a>
          </li>
          <li class="-item">
            <a href="https://mechanics.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="mechanics and DIY enthusiast owners of cars, trucks, and motorcycles">Motor Vehicle Maintenance &amp; Repair</a>
          </li>
          <li class="-item">
            <a href="https://stackexchange.com/sites#culturerecreation" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 26 })">
              <strong>
                more (32)
              </strong>
            </a>
          </li>
        </ul>
      </nav>
      <nav class="-nav js-category" data-name="Science">
        <ul class="-list">
          <li class="-item">
            <a href="https://mathoverflow.net" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="professional mathematicians">MathOverflow</a>
          </li>
          <li class="-item">
            <a href="https://math.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="people studying math at any level and professionals in related fields">Mathematics</a>
          </li>
          <li class="-item">
            <a href="https://stats.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="people interested in statistics, machine learning, data analysis, data mining, and data visualization">Cross Validated (stats)</a>
          </li>
          <li class="-item">
            <a href="https://cstheory.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="theoretical computer scientists and researchers in related fields">Theoretical Computer Science
            </a>
          </li>
          <li class="-item">
            <a href="https://physics.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="active researchers, academics and students of physics">Physics</a>
          </li>
          <li class="-item">
            <a href="https://chemistry.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="scientists, academics, teachers and students">Chemistry</a>
          </li>
          <li class="-item">
            <a href="https://biology.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="biology researchers, academics, and students">Biology</a>
          </li>
        </ul>
      </nav>
      <nav class="-nav js-category" data-name="Science">
        <ul class="-list">
          <li class="-item">
            <a href="https://cs.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="students, researchers and practitioners of computer science">Computer Science</a>
          </li>
          <li class="-item">
            <a href="https://philosophy.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="those interested in the study of the fundamental nature of knowledge, reality, and existence">Philosophy</a>
          </li>
          <li class="-item">
            <a href="https://stackexchange.com/sites#science" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 26 })">
              <strong>
                more (10)
              </strong>
            </a>
          </li>
        </ul>
      </nav>
      <nav class="-nav js-category" data-name="Other">
        <ul class="-list">
          <li class="-item">
            <a href="https://meta.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="meta-discussion of the Stack Exchange family of Q&amp;A websites">Meta Stack Exchange</a>
          </li>
          <li class="-item">
            <a href="https://stackapps.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="apps, scripts, and development with the Stack Exchange API">Stack Apps</a>
          </li>
          <li class="-item">
            <a href="https://api.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="programmatic interaction with Stack Exchange sites">API</a>
          </li>
          <li class="-item">
            <a href="https://data.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="querying Stack Exchange data using SQL">Data</a>
          </li>
          <li class="-item">
            <a href="https://area51.stackexchange.com" class="-link js-gps-track" data-gps-track="footer.click({ location: 2, link: 25 })" title="proposing new sites in the Stack Exchange network">Area 51</a>
          </li>
        </ul>
      </nav>
      <div class="-copyright g-row jc-end">
        <div class="g-column jc-sp-between">
          <ul class="-list">
            <li class="-item">
              <a class="js-gps-track -link" data-gps-track="footer.click({ location: 2, link:4 })" href="https://stackoverflow.blog?blb=1">Blog</a>
            </li>
            <li class="-item">
              <a href="https://www.facebook.com/officialstackoverflow/" class="-link">Facebook</a>
            </li>
            <li class="-item">
              <a href="https://twitter.com/stackoverflow" class="-link">Twitter</a>
            </li>
            <li class="-item">
              <a href="https://linkedin.com/company/stack-overflow" class="-link">LinkedIn</a>
            </li>
          </ul>
          <div>
            <p>
              site design / logo &#169; 2017 Stack Exchange Inc; user contributions licensed under
              <a href="https://creativecommons.org/licenses/by-sa/3.0/" rel="license" class="-link">cc by-sa 3.0</a>
              with
              <a href="https://stackoverflow.blog/2009/06/25/attribution-required/" rel="license" class="-link">attribution required
              </a>.
              <span id="svnrev">rev&nbsp;2017.12.13.28157</span>
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>
</body>
</html>
